<template>
    <div>
        首页
        <p>store中的count:{{ $store.state.count }}</p>
        <p>store中的计算属性doublecount:{{ $store.getters.doubleCount }}</p>
        <!-- <p>store中的计算属性doublecount:{{ $store.getters.doubleCount }}</p> -->
        <p>
            <button @click="addCountFn">同步的count++</button>
            <button @click="addCountStepFn">同步的count+10</button>
            <button @click="addCountAsyncFn">异步的count++</button>
            <button @click="addCountStepAsyncFn">异步的count+10</button>
        </p>
        <ul>
            <li v-for="item in $store.state.schoollist" :key="item.id">{{ item.school_name }}</li>
        </ul>
        <!-- store中的getters filterSchoollist -->
        <ul>
            <li v-for="item in $store.getters.filterSchoollist" :key="item.id">{{ item.school_name }}</li>
        </ul>
    </div>
</template>
<script>

// import store from '@/store'

import axios from 'axios';
export default {
    data() {
        return {
        }
    },
    mounted() {
        //console.log('this-home', this.$store);
        // console.log('store', store);

        // 初始化进行学校列表数据请求
        // axios.get('https://api.i-lynn.cn/college').then(res => {
        //     console.log(res);
        //     this.$store.commit('initschoollist', res.data.data.list1)
        // })

        // 初始化进行学校列表数据请求
        // this.$store.dispatch('initSchoollistAsync')
    },
    methods: {
        // 同步的+1
        addCountFn() {
            //console.log(this.$store);
            // 提交同步mutation中的addCount 去修改数据
            this.$store.commit('addCount')
        },
        // 同步的+10
        addCountStepFn() {
            // setTimeout(() => {
            this.$store.commit('addCountStep', 10)
            // }, 2000)
        },
        // 异步的+1
        addCountAsyncFn() {
            //console.log('异步+1');
            // console.log(this.$store);
            // 派发异步的acions中的方法 addCountAsync 去修改数据
            this.$store.dispatch('addCountAsync')
        },
        //异步+10
        addCountStepAsyncFn() {
            this.$store.dispatch('addCountStepAsync', 10)
        },

    }
}

</script>
<style scoped></style>